﻿@namespace MudBlazor.Docs.Examples

<MudGrid>
    <MudItem xs="12" md="12">
        <MudCheckBox @bind-Checked="@Dense" Label="Dense" Color="Color.Default" />
        <MudCheckBox @bind-Checked="@Clickable" Label="Clickable" Color="Color.Primary" />
        <MudCheckBox @bind-Checked="@Gutters" Label="Disable Gutters" Color="Color.Secondary" />
    </MudItem>
    <MudItem xs="12" md="6">
        <MudText Typo="Typo.h6" GutterBottom="true">Text only</MudText>
        <MudPaper Width="100%">
            <MudList Clickable="@Clickable" Dense="@Dense" DisableGutters="@Gutters">
                <MudListItem Text="Single List Item" />
                <MudListItem Text="Single List Item" />
                <MudListItem Text="Single List Item" />
            </MudList>
        </MudPaper>
    </MudItem>
    <MudItem xs="12" md="6">
        <MudText Typo="Typo.h6" GutterBottom="true">Icons with text</MudText>
        <MudPaper Width="100%">
            <MudList Clickable="@Clickable" Dense="@Dense" DisableGutters="@Gutters">
                <MudListItem Text="Single List Item" Icon="@Icons.Filled.Bookmark" />
                <MudListItem Text="Single List Item" Icon="@Icons.Filled.Bookmark" IconColor="Color.Primary" />
                <MudListItem Text="Single List Item" Icon="@Icons.Filled.Bookmark" IconColor="Color.Secondary" />
            </MudList>
        </MudPaper>
    </MudItem>
    <MudItem xs="12" md="6">
        <MudText Typo="Typo.h6" GutterBottom="true">Avatar with text</MudText>
        <MudPaper Width="100%">
            <MudList Clickable="@Clickable" Dense="@Dense" DisableGutters="@Gutters">
                <MudListItem Text="Single List Item" Avatar="@Icons.Filled.Image" />
                <MudListItem Text="Single List Item" Avatar="@Icons.Filled.Image" IconColor="Color.Dark" />
                <MudListItem Text="Single List Item" Avatar="@Icons.Filled.Image" IconColor="Color.Error" />
            </MudList>
        </MudPaper>
    </MudItem>
</MudGrid>



@code {
    public bool Dense { get; set; }
    public bool Clickable { get; set; }
    public bool Gutters { get; set; }
}